{include file="index@/public/header" /}
<style>
    body {
        background: #e1e0de;
        color: #333333;
    }

    * {
        box-sizing: border-box;
    }

    h1,
    h2,
    h3,
    h4 {
        font-weight: 700 !important;
    }
    h3{
        color: #36648a;
    }

    .layui-card-header {
        width: 100%;
        border-bottom: 1px solid #999 !important;
        padding-left: 5px;
    }

    .layui-card {
        padding: 10px 20px 50px;
    }
    .layui-container {
        padding: 0 !important;
    }

    .layui-breadcrumb {
        padding-left: 5px;
        text-decoration: none !important;
    }

    .layui-card h1 {
        margin: 10px auto 0;
    }

    .layui-col-xs1,
    .layui-col-sm1,
    .layui-col-md1,
    .layui-col-lg1,
    .layui-col-xs2,
    .layui-col-sm2,
    .layui-col-md2,
    .layui-col-lg2,
    .layui-col-xs3,
    .layui-col-sm3,
    .layui-col-md3,
    .layui-col-lg3,
    .layui-col-xs4,
    .layui-col-sm4,
    .layui-col-md4,
    .layui-col-lg4,
    .layui-col-xs5,
    .layui-col-sm5,
    .layui-col-md5,
    .layui-col-lg5,
    .layui-col-xs6,
    .layui-col-sm6,
    .layui-col-md6,
    .layui-col-lg6,
    .layui-col-xs7,
    .layui-col-sm7,
    .layui-col-md7,
    .layui-col-lg7,
    .layui-col-xs8,
    .layui-col-sm8,
    .layui-col-md8,
    .layui-col-lg8,
    .layui-col-xs9,
    .layui-col-sm9,
    .layui-col-md9,
    .layui-col-lg9,
    .layui-col-xs10,
    .layui-col-sm10,
    .layui-col-md10,
    .layui-col-lg10,
    .layui-col-xs11,
    .layui-col-sm11,
    .layui-col-md11,
    .layui-col-lg11,
    .layui-col-xs12,
    .layui-col-sm12,
    .layui-col-md12,
    .layui-col-lg12 {
        padding-right: 5px;
        padding-left: 5px;
    }

    @media screen and (max-width: 800px) {
        .layui-card-header {
            line-height: normal !important;
            font-size: 10px !important;
        }
    }
    .layui-breadcrumb-a {
        font: 12px/14px arial, helvetica, sans-serif;
        color: #36648A !important;
    }

    .layui-breadcrumb-b cite {
        font: 12px/14px arial, helvetica, sans-serif;
        color: #333333 !important;
    }
    .Bearings-specs{
        margin-left: 5px;
    }
    .Bearings-specs-title{
		font-size: 18px;
		background-color: #F6F6F6;
		padding: 10px 10px;
		margin: 15px 0 0.25rem;
	}
    .Bearings-specs-box{
        padding: 0px 20px;
        box-sizing: border-box;
        line-height: 1.2rem;
    }
    .Bearings-specs:nth-child(n+2) {
        margin-top: 2.5rem;
        font-size: 0.75rem;
    }
    .Bearings-specs .card>*{
        line-height: 20px;
    }
    .Bearings-specs ul {
        padding-left: 15px;
    }
    .Bearings-specs ul li {
        list-style: disc;
        line-height: 20px;
    }
    .table_box{
        color: #36648a;
        text-decoration: underline;
    }
    .flg:hover, .table_box:hover{
        cursor: pointer;
    }
    .flg{
        width: 100%;
        height: 60px;
        
    }
    .flg img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: 2%;
    }
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
    <div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        <div class="layui-card-header">
            <h1>{:lang('Single Row Angular Contact Ball Bearings')} {:lang('Design considerations')}</h1>
        </div>

        <!-- content -->
        <div class="Bearings-content">
            <div class="Bearings-specs">
                <div class="Bearings-specs-title">{:lang('Proper adjustment')}</div>
                <div  class="Bearings-specs-box">
                    <div>{:lang('Single row angular contact ball bearings must be used')}:</div>
                    <ul>
                        <li>
                            <div>{:lang('with a second bearing')} (<span class="show-img">fig. 1</span>)</div>
                            <div class="flg" id="flg-1"><img src="{:Config::get('app.images_host')}/images/web/tcm_12-127791.png" /></div>
                        </li>
                        <li>{:lang('in sets')} (<span class="show-img" url="{:Config::get('app.images_host')}/images/web/tcm_12-127792.png" title="fig. 2 - Bearing set, back-to-back">fig. 2</span>) {:lang('The bearings must be adjusted against each other until the requisite clearance or preload is obtained.')}</li>
                    </ul>
                    <div>{:lang('Universally matchable bearings mounted immediately adjacent to each other')}:</div>
                    <ul>
                        <li>{:lang('require no further adjustment')} (<a title="Designs and variants" href="/resources/technology/angular-contact-ball-bearings/single-row-angular/designs-and-variants/">{:lang('Bearings for universal matching')}</a>)</li>
                        <li>{:lang('obtain requisite clearance or preload by')}:
                            <ul>
                                <li>{:lang('choosing bearings from an appropriate clearance or preload class')}</li>
                                <li>{:lang('applying suitable fits for the bearings on the shaft and in the housing')}</li>
                            </ul>
                        </li>
                    </ul>
                    <div>{:lang('Performance and operational reliability depend on')}:</div>
                    <ul>
                        <li>{:lang('proper adjustment for single bearings')}</li>
                        <li>{:lang('the correct selection of clearance and preload for universally matchable bearings <br> If there is too much clearance in the bearing arrangement during operation, the load carrying capacity of the bearings will not be fully utilized. Excessive preload produces more friction and higher operating temperatures, leading to a reduction in bearing service life.')}</li>
                    </ul>
                </div>
            </div>

            <div  class="Bearings-specs">
                <div class="Bearings-specs-title">{:lang('Axial loads in one direction')}</div>
                <div  class="Bearings-specs-box">
                    <div>{:lang('When the axial load acts predominantly in one direction in back-to-back and face-to-face arrangements, unfavourable rolling conditions for the balls of the axially unloaded bearing may occur, which can lead to')}:</div>
                    <ul>
                        <li>{:lang('increased noise levels')}</li>
                        <li>{:lang('discontinuity in the lubricant film')}</li>
                        <li>{:lang('increased stresses on the cage')}</li>
                    </ul>
                    <div>{:lang('Under these circumstances, LILY recommends zero operating clearance, which can be attained by using springs. When springs are not sufficient, using bearings with a 25° contact angle as a backup bearing may help.')}</div>
                </div>
            </div>

            <div  class="Bearings-specs">
                <div class="Bearings-specs-title">{:lang('Load ratio')}</div>
                <div  class="Bearings-specs-box">
                    <ul>
                        <li>of F<sub>a</sub>/F<sub>r</sub> ≥&nbsp;1 {:lang('is required by bearings in the 70&nbsp;B, 72&nbsp;B(E) and 73&nbsp;B(E) series')}</li>
                        <li>of F<sub>a</sub>/F<sub>r</sub> ≥ 0,55 {:lang('is required by bearings in the 72&nbsp;AC and 73&nbsp;AC series')}</li>
                    </ul>
                    <div>{:lang('If the load ratio requirement is not met in each case, bearing service life can be reduced.')}</div>
                </div>
            </div>

        </div>
    </div>
</div>
{include file="index@/public/footer" /}
<script>
    $('.flg').click(function (){
        src   = $(this).children().attr('src'); 
        title = $(this).attr('id');
        
        var imgHtml = "<div style='padding: 20px;height: 100%; display: flex;align-items: center;justify-content: center;'><img src='" + src + "' style='max-height: 100%;' /></div>";
        layer.open({
            type: 1, 
            title:title,
            area: ['300px', '350px'],
            content: imgHtml
        });
    });
</script>
